<!DOCTYPE html>
<html lang="en">
<head>
    <!--#include file="ssi/head.html"-->
    <meta name="keywords" content="css转换为其他格式">
    <title>CSS转Less/Sass/Stylus</title>
    <!--#include file="ssi/link.html"-->
</head>
<body>
    <!--#include file="ssi/nav.html"-->
    <!--#include file="ssi/top-head.html"-->
        <style>
          /* 针对iframe的定制调整 */
          .iframe-x{
            width: 1000px;
            height: 1000px;
          }
          .iframe-x iframe{
            margin-top: -423px;
            margin-left: -317px;
          }
          .iframe-x iframe {
              width: 1300px;
              height: 1800px;
          }
          /* 手机版 */
          @media screen and (max-width: 480px) {
            .iframe-x{
              width: 100%;
              height: 50vh;
            }
            .iframe-x:before{
              content: "该工具请在PC上使用";
              width: 100%;
              height: 50vh;
              line-height: 50vh;
              text-align: center;
              display: block;
              font-size: 20px;
            }
            .iframe-x iframe{
              display: none;
            }
          }
        </style>
        <div class="iframe-x">
            <iframe src="http://tools.jb51.net/code/css2less" frameborder="0"  scrolling="no" id="iframe-full"></iframe>
        </div>

    <!--#include file="ssi/footer.html"-->

  <script>
    // 每一页都需要配置的信息
    var pageInfo = {
      toolLogo: 'img/icon-css2many.png',
      toolName: document.title
    }
  </script>
    <!--#include file="ssi/script.html"-->
</body>
</html>